.topnav{
    height: 100px;
    width: 100%
}


.topnav-logo{
    float: left;
    width: 249px;
    height: 60px;
    margin-top: 20px;
}

.topnav-search{
    float: left;
    margin-left: 250px;
    margin-top: 36px;
    width: 563px;
    height:38px ;
    border: 2px  solid #dedede;
    box-sizing: border-box;
}

.topnav-search-input input{
    float: left;
    width: 524px;
    height: 34px;
    border: none;
    font-size: 16px;
    color: #999;
}

.topnav-search i{
    float: right;
    width: 35px;
    height: 34px;
    background-color: #3b99fc;
    color: #fff;
    font-size: 20px;
   line-height: 34px;
   text-align: center;
}

.topnav-right {
    float: left;
    margin-left: 216px;
    margin-top: 48px;
    
}

.topnav-right .wenzi span{
    font-size: 16px;
    color: #70b3fb;
}





.topnav-right .font{
    margin-left: 84px;
    margin-top: -20px;
    color: #3b99fc;
}

.topnav-right .font2{
    margin-left: 106px;
    margin-top: -17px;
    color: #3b99fc;
}

.topnav-right .zui{
    margin-left: 128px;
    margin-top: -17px;
    font-size: 14px;
}


/* 头部 */
.header{
    height: 50px;
    background-color: #3b99fc;
}

.header .first{
    float: left;
    width: 181px;
    height: 50px;
    background-color: #2676e3;
    color: #fff;
    font-size: 18px;
    font-weight: normal;
    text-align: center;
    line-height: 50px;
}

.header .gege{
    float: left;
   width: 181px ;
   height: 50px;
   color: #fff;
   font-size: 18px;
   font-weight: normal;
   text-align: center;
   line-height: 50px;
}

.header .gege:hover{
    background-color: rgb(54, 133, 236);
}



/* 3.内容 */
.banner{

}

.banner .banner-top{
    float: left;
   height: 94px;
   width: 100%;
   line-height: 94px;
}

.banner .banner-top h2{
    font-size: 18px;
    font-weight: 400;
}

.banner .banner-top s{
    color: #3b99fc;
}

.banner .banner-bottom{
    float: left;
    height: 4668px;
    width: 100%;
    border: 2px solid #dedede;
}

.banner .banner-bottom .top h1{
     text-align: center;
     font-size: 25px;
     margin-top: 50px;
}

.banner .banner-bottom .middle{
    margin-left: 158px;
    margin-top: 55px;
}

.banner .banner-bottom .middle h2{
    width: 105px;
    height: 23px;
    font-size: 20px;
    border-left: 5px solid #3b99fc;
    text-align: center;
}

.banner .banner-bottom .middle1{
    margin-left: 158px;
    margin-top: 50px;
}
.banner .banner-bottom .middle1 p{
    font-size: 18px;
    line-height: 30px;
    margin-top: 20px;
}

.banner .banner-bottom .middle2{
    margin-top: 45px;
    margin-left: 158px;
}

.banner .banner-bottom .middle2 h2{
    width: 315px;
    height: 23px;
    font-size: 20px;
    border-left: 5px solid #3b99fc;
    text-align: center;
}



 .banner .banner-bottom-bottom .logo img{
    width: 326px;
    height: 377px;
    margin-left: 568px;
    margin-top: 154px;
 }

 .banner-bottom-bottom .photo {
      margin-left: 345px;
      margin-top: 70px;
 }
 
 .banner-bottom-bottom .photo img{
   width: 763px;
   height: 564px;
  margin-top:20px ;
 }


 .banner-bottom .bottom{
     margin-left: 158px;
     margin-top: 57px;
 }

 .banner-bottom .bottom p{
     font-size: 18px;
     color: #333;
 }

 
/* 4.底部 */
.footer{
    background-color: #f8f8f8;
    height: 245px;
    margin-top: 50px;
}

.footer-left {
    float: left;
    width: 621px;
    height: 245px;
}
.footer .footer-left .footer-left-top h2{
    font-size: 18px;
    font-weight: 300;
    color: #333;
    margin-left: 68px;
    margin-top: 47px;
    margin-bottom: 26px;
}

.footer-left-bottom{
    margin-left: 68px;
}

.footer .footer-left .footer-left-bottom img{
    width: 248px;
    height: 40px;
    margin-right: 12px;
    margin-bottom: 12px;

}



.footer-right {
    float: right;
    width: 865px;
    height: 245px;
    
  
}

.footer-right .footer-right-top{
    float: left;
    margin-top: 47px;
    height: 40px;
    width: 100%;
    color: #333;
}

.footer-right .footer-right-top span{
    font-size: 16px;
    margin-top: 25px;
    
}

.footer-right .footer-right-top .one{
margin-left: 9px;
}

.footer-right .footer-right-top .two{
margin-left: 21px;
}

.footer-right .footer-right-top .three{
    margin-left: 38px;
}

.footer-right .footer-right-top .four{
    margin-left: 65px;
}

.footer-right .footer-right-bottom img{
    float: left;
    width: 100px;
    height: 100px;
}


.footer-right .footer-right-bottom  .one{
    margin-left: 19px;
}

.footer-right .footer-right-bottom  .two{
    margin-left: 56px;
}

.footer-right .footer-right-bottom  .three{
    margin-left: 56px;
}

.footer-right .footer-right-bottom  .four{
    margin-left: 56px;
}

.footer-right .zui{
    float: right;
    width: 230px;
    height: 100px;
    background-color: #fff;
    margin-left: 20px;
    border: 2px solid #e6e6e6;
    box-sizing: border-box;
    border
}

.footer-right .zui p{
    font-size: 14px;
    margin-top:20px ;
    margin-left: 20px;
    line-height: 20px;
}


/* 5.底部商标 */
.brand{
    background-color: #666;
    height:100px ;
    color:#c1c1c1 ;
    /* overflow: hidden; */
   
    
}

.brand .middle {
    font-size: 16px;
    text-align: center;
    line-height: 40px;
    margin-top: 22px;
}

